<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/include/taglib.jsp"%>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我要投资-余额宝详情</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<jsp:include page="/include/wchat/head.jsp"></jsp:include>
		<link type="text/css" rel="stylesheet" href="/v2/wchat/resrc/css/invest.css">
	</head>

	<body>
		<div id="header">
			<a href="/wchatIndex.do" class="backto">返回</a>
			<div class="title-sub">
				余额宝详情
			</div>
		</div>

		<div id="wrap">
			<div class="invest-detail">
				<b class="icon-qiang"></b>
				<h1>
					余额宝 ${productDetailMap.SN }
				</h1>
				<ul class="items">
					<li class="c1">
						总额度
					</li>
					<li class="c2">
						￥${productDetailMap.totalSumAll}
					</li>
				</ul>
				<ul class="items">
					<li class="c1">
						年化利率
					</li>
					<li class="c2 per">
						${productDetailMap.yebAnnualRate }%
					</li>
				</ul>
				<ul class="items">
					<li class="c1">
						投资期限
					</li>
					<li class="c2">
						活期
					</li>
				</ul>
				<ul class="items">
					<li class="c1">
						安全保障
					</li>
					<li class="c2 safe">
						100%本息保障
					</li>
				</ul>
				<ul class="items">
					<li class="c1">
						当前状态
					</li>
					<li class="c2">
						<s:if test="%{#request.productDetailMap.productStatus == 1}">
							<span class="status">可投资</span>
						</s:if>
						<s:elseif test="#request.productDetailMap.productStatus == 2">
							<span class="status">已售完</span>
						</s:elseif>
					</li>
				</ul>
			</div>
			
			<s:if test="%{#request.productDetailMap.productStatus == 1}">
			<ul class="invest-money">
				<s:if test="#request.productDetailMap.remain > 100000" >
						<li class="c1">
							单户最多可投
						</li>
						<li class="c2">
							<ins>
								￥
							</ins>
							100,000
						</li> 
				</s:if>
				<s:else>
						<li class="c1">
							可投金额
						</li>
						<li class="c2">
							<ins>
								￥
							</ins>
							${productDetailMap.remain}
						</li>
				</s:else>
				
			</ul>
			<div class="operate-button operate-buy">
				<a class="btn" href="/loanYebDetailInvest.do?pid=${productDetailMap.pid}">我要购买</a>
			</div>
			</s:if>
			
			<div class="link-touch loan-link">
				<ul class="items">
					<li data-url="/wchatProductDescription.do?pid=${productDetailMap.pid }&productType=1"
						class="touch">
						<span class="txt">产品说明</span><b class="icon-arrow-r"></b>
					</li>
					<li data-url="/yebInvestRecord.do?pid=${productDetailMap.pid }"
						class="touch">
						<span class="txt">投资记录</span><b class="icon-arrow-r"></b>
					</li>
					<li data-url="/getWchatInfoDisclosureByPid.do?pid=${productDetailMap.pid}&productType=1"
						class="touch">
						<span class="txt">信息披露</span><b class="icon-arrow-r"></b>
					</li>
					<li data-url="/wchatHelp.do?d=yeb&f=yebFaq"
						class="touch">
						<span class="txt">常见问题</span><b class="icon-arrow-r"></b>
					</li>
				</ul>
			</div>

		</div>
		<jsp:include page="/include/wchat/footer.jsp"></jsp:include>
	</body>
</html>
